<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户注册-风游美食</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="shortcut icon" href="../img/f.ico" type="image/icon">
</head>

<body>
    <div class="box">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/login-1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/login-2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/login-3.jpg" alt=""></div>
            </div>
        </div>
        <!-- 注册  -->
        <div class="register">
            <div class="register-head">
                <a class="a1" href="#">注 册</a>
                <a class="a2" href="login.html">登 录</a>
            </div>
            <div class="reg-txt">
                <div class="txt-1">
                    <span>欢迎使用第三方账号注册/登录风游美食</span>
                    <div class="meth">
                        <a class="a1" href="#" title="用QQ注册"><i class="fa fa-qq" aria-hidden="true"></i></a>
                        <a class="a2" href="#" title="用微信注册"><i class="fa fa-weixin" aria-hidden="true"></i></a>
                        <a class="a3" href="#" title="用微博注册"><i class="fa fa-weibo" aria-hidden="true"></i></a>
                    </div>
                    <div class="meth-txt">
                        <span>QQ</span>
                        <span>微信</span>
                        <span>微博</span>
                    </div>
                </div>
                <div class="txt-2">
                    <div class="pic"><img src="../img/二维码.png" alt=""></div>
                    <span>扫描二维码下载客户端</span>
                </div>
            </div>
        </div>
    </div>





</body>
<script src="../js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        effect: 'fade',
        allowTouchMove: false,
        autoplay: true,
        cssMode: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        autoplay: {
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination'
        },
        mousewheel: true,
        keyboard: true,
    });
</script>

</html>